﻿<!DOCTYPE html>
<html lang="en" class="ace ace-card-on ace-tab-nav-on ace-main-nav-on ace-sidebar-on" data-theme-color="#c0e3e7">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Ace</title>
    <meta name="description" content="">

    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="shortcut icon" href="favicon.ico">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Quicksand:400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">

    <!-- Icon Fonts -->
    <link href="fonts/icomoon/style.css" rel="stylesheet">

    <!-- Styles -->
    <link href="js/plugins/highlight/solarized-light.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">

    <!-- Modernizer -->
    <script type="text/javascript" src="js/vendor/modernizr-3.3.1.min.js"></script>
</head>
<body>
<div class="ace-wrapper">
    <header id="ace-header" class="ace-container-shift ace-logo-in ace-head-boxed ace-nav-right">
        <div class="ace-head-inner">
            <div class="ace-head-container ace-container">
                <div class="ace-head-row">
                    <div id="ace-head-col1" class="ace-head-col text-left">
                        <a id="ace-logo" class="ace-logo" href="index.html">
                            <img src="img/uploads/brand/logo.svg" alt="ace resume"><span>.Certy</span>
                        </a>
                    </div>

                    <div id="ace-head-col2" class="ace-head-col text-right">
                        <div class="ace-nav-container ace-container hidden-sm hidden-xs">
                            <nav id="ace-main-nav">
                                <ul class="clear-list">
                                    <li><a href="index.html">about</a></li>
                                    <li><a href="portfolio.html">portfolio</a>
                                    <li><a href="testimonials.html">references</a></li>
                                    <li><a href="search.html">search</a></li>
                                    <li><a href="category.html">category</a></li>
                                    <li><a href="contact.html">contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>

                    <div id="ace-head-col3" class="ace-head-col text-right">
                        <button id="ace-sidebar-btn" class="btn btn-icon btn-light btn-shade">
                            <span class="ace-icon ace-icon-side-bar-icon"></span>
                        </button>
                    </div>
                </div>
            </div><!-- .ace-container -->
        </div><!-- .ace-head-inner -->
    </header><!-- #ace-header -->


    <nav id="ace-nav-sm" class="ace-nav hidden-lg hidden-md">
        <ul class="clear-list">
            <li>
                <a href="index.html" data-tooltip="Home"><img class="avatar avatar-42"
                                                              src="img/uploads/avatar/avatar-42x42.png" alt=""></a>
            </li>
            <li>
                <a href="experience.html" data-tooltip="Experience"><span
                        class="ace-icon ace-icon-experience"></span></a>
            </li>
            <li>
                <a href="portfolio.html" data-tooltip="Portfolio"><span class="ace-icon ace-icon-portfolio"></span></a>
            </li>
            <li class="active">
                <a href="testimonials.html" data-tooltip="References"><span class="ace-icon ace-icon-references"></span></a>
            </li>
            <li>
                <a href="contact.html" data-tooltip="Contact"><span class="ace-icon ace-icon-contact"></span></a>
            </li>
            <li>
                <a href="category.html" data-tooltip="Blog"><span class="ace-icon ace-icon-blog"></span></a>
            </li>
        </ul>
    </nav><!-- #ace-tab-nav-sm -->

    <article id="ace-card" class="ace-card bg-primary">
        <div class="ace-card-inner text-center">
            <img class="avatar avatar-195" src="img/uploads/avatar/avatar-195x195.png" width="195" height="195" alt="">
            <h1>Ola Lowe</h1>
            <p class="text-muted">Florist | Decorator</p>
            <ul class="ace-social clear-list">
                <li><a><span class="ace-icon ace-icon-facebook"></span></a></li>
                <li><a><span class="ace-icon ace-icon-twitter"></span></a></li>
                <li><a><span class="ace-icon ace-icon-google-plus"></span></a></li>
                <li><a><span class="ace-icon ace-icon-instagram"></span></a></li>
                <li><a><span class="ace-icon ace-icon-pinterest"></span></a></li>
            </ul>
        </div>

        <footer class="ace-card-footer">
            <a class="btn btn-lg btn-block btn-thin btn-upper " href="#">Download Resume</a>
        </footer>
    </article><!-- #ace-card -->

    <div id="ace-content" class="ace-container-shift">
        <div class="ace-container">


            <div id="ace-nav-wrap" class="hidden-sm hidden-xs">
                <div class="ace-nav-cont">
                    <div id="ace-nav-scroll">
                        <nav id="ace-nav" class="ace-nav">
                            <ul class="clear-list">
                                <li>
                                    <a href="index.html" data-tooltip="Home"><img class="avatar avatar-42"
                                                                                  src="img/uploads/avatar/avatar-42x42.png"
                                                                                  alt=""></a>
                                </li>
                                <li>
                                    <a href="experience.html" data-tooltip="Experience"><span
                                            class="ace-icon ace-icon-experience"></span></a>
                                </li>
                                <li>
                                    <a href="portfolio.html" data-tooltip="Portfolio"><span
                                            class="ace-icon ace-icon-portfolio"></span></a>
                                </li>
                                <li class="active">
                                    <a href="testimonials.html" data-tooltip="References"><span
                                            class="ace-icon ace-icon-references"></span></a>
                                </li>
                                <li>
                                    <a href="contact.html" data-tooltip="Contact"><span
                                            class="ace-icon ace-icon-contact"></span></a>
                                </li>
                                <li>
                                    <a href="category.html" data-tooltip="Blog"><span
                                            class="ace-icon ace-icon-blog"></span></a>
                                </li>
                            </ul>
                        </nav>
                    </div>

                    <div id="ace-nav-tools" class="hidden">
                        <span class="ace-icon ace-icon-dots-three-horizontal"></span>

                        <button id="ace-nav-arrow" class="clear-btn">
                            <span class="ace-icon ace-icon-chevron-thin-down"></span>
                        </button>
                    </div>
                </div>
                <div class="ace-nav-btm"></div>
            </div><!-- .ace-nav-wrap -->

            <div class="ace-paper-stock">
                <main class="ace-paper clearfix">
                    <div class="ace-paper-cont clear-mrg">

                        <!-- START: PAGE CONTENT -->

                        <div class="padd-box">

                            <section class="section clear-mrg">
                                <h2 class="title-lg text-upper">资源</h2>

                                <div class="padd-box-sm clear-mrg">
                                    <div class="pf-grid-item ">
                                        <div class="ref-box brd-btm hreview project pf-btn-view  " href="#pf-popup-2">
                                            <div class="ref-avatar">
                                                <img alt="" src="img/uploads/avatar/avatar-54x54-01.png"
                                                     class="avatar avatar-54 photo" height="54" width="54">
                                            </div>

                                            <div class="ref-info">
                                                <div class="ref-author">
                                                    <strong>任务名</strong>
                                                    <span>截止时间</span>
                                                </div>

                                                <blockquote class="ref-cont clear-mrg">
                                                    <p>Your brand is the core of your marketing, the central
                                                        theme around your products and services.Your brand is not your Logo
                                                        or your Company Name
                                                    </p>
                                                </blockquote>
                                            </div>
                                        </div><!-- .ref-box -->
                                        <div id="pf-popup-2" class="pf-popup clearfix">


                                            <div class="pf-popup-col2">
                                                <div class="pf-popup-info clear-mrg">
                                                    <h2 class="text-upper">任务名</h2>
                                                    <p class="text-muted"><strong>任务分类 ：实验</strong></p>
                                                    <dl class="dl-horizontal">
                                                        <dt>开始时间:</dt>
                                                        <dd>11 Jan 2012</dd>

                                                        <dt>任务分值:</dt>
                                                        <dd><a href="www.sitedomen.com">38</a></dd>

                                                        <dt>截止时间:</dt>
                                                        <dd>11 Jan 2012</dd>
                                                    </dl>
                                                    <p>任务描述 任务描述任务描述任务描述任务描述任务描述任务描述任务描述
                                                        任务描述任务描述任务描述任务描述任务描述任务描述任务描述任务描述任务描述
                                                        任务描述任务描述任务描述任务描述任务描述任务描述任务描述任务描述
                                                        任务描述任务描述任务描述任务描述任务描述任务描述任务描述任务描述任务描述
                                                        任务描述任务描述任务描述任务描述任务描述任务描述任务描述
                                                        任务描述任务描述任务描述</p>
                                                    <button>修改任务</button>
                                                </div><!-- .pf-popup-info -->

                                            </div><!-- .pf-popup-col2 -->
                                        </div><!-- .pf-popup -->
                                    <div>
                                </div><!-- .padd-box-sm -->
                            </section><!-- .section -->

                            <section class="section clear-mrg">
                                <h2 class="title-lg text-upper">Clients</h2>
                                <div class="padd-box-sm">
                                    <ul class="clients">
                                        <li><a href=""><img src="img/uploads/logos/logo-wordpress.png" alt="WordPress"></a>
                                        </li>
                                        <li>
                                            <a href=""><img src="img/uploads/logos/logo-compass.png"
                                                            srcset="img/uploads/logos/logo-compass2x.png 2x"
                                                            alt="Compass"></a></li>
                                        <li>
                                            <a href=""><img src="img/uploads/logos/logo-jquery.png"
                                                            srcset="img/uploads/logos/logo-jquery2x.png 2x"
                                                            alt="jQuery"></a></li>
                                        <li>
                                            <a href=""><img src="img/uploads/logos/logo-teaspoon.png"
                                                            srcset="img/uploads/logos/logo-teaspoon2x.png 2x"
                                                            alt="teaspoon"></a></li>
                                        <li>
                                            <a href=""><img src="img/uploads/logos/logo-evernote.png"
                                                            srcset="img/uploads/logos/logo-evernote2x.png 2x"
                                                            alt="evernote"></a></li>
                                        <li>
                                            <a href=""><img src="img/uploads/logos/logo-bootstrap.png"
                                                            srcset="img/uploads/logos/logo-bootstrap2x.png 2x"
                                                            alt="Bootstrap"></a></li>
                                    </ul>
                                </div><!-- .padd-box-sm -->
                            </section><!-- .section -->
                        </div><!-- .padd-box -->

                        <!-- END: PAGE CONTENT -->

                    </div><!-- .ace-paper-cont -->
                </main><!-- .ace-paper -->
            </div><!-- .ace-paper-stock -->

        </div><!-- .ace-container -->
    </div><!-- #ace-content -->

    <div id="ace-sidebar">
        <button id="ace-sidebar-close" class="btn btn-icon btn-light btn-shade">
            <span class="ace-icon ace-icon-close"></span>
        </button>

        <div id="ace-sidebar-inner">
            <nav id="ace-main-nav-sm" class="visible-xs visible-sm text-center">
                <ul class="clear-list">
                    <li><a href="index.html">about</a></li>
                    <li><a href="portfolio.html">portfolio</a>
                    <li><a href="testimonials.html">references</a></li>
                    <li class="has-sub-menu"><a href="#">pages</a>
                        <ul class="sub-menu">
                            <li><a href="typography.html">typography</a></li>
                            <li><a href="components.html">components</a></li>
                            <li><a href="search.html">search</a></li>
                            <li><a href="404.html">404</a></li>
                        </ul>
                    </li>
                    <li class="has-sub-menu"><a href="category.html">blog</a>
                        <ul class="sub-menu">
                            <li><a href="single.html">single</a></li>
                            <li><a href="single-image.html">single image</a></li>
                            <li><a href="single-slider.html">single slider</a></li>
                            <li><a href="single-youtube.html">single youtube</a></li>
                            <li><a href="single-vimeo.html">single vimeo</a></li>
                            <li><a href="single-dailymotion.html">single dailymotion</a></li>
                            <li><a href="single-soundcloud.html">single soundcloud</a></li>
                            <li><a href="single-video.html">single video</a></li>
                            <li><a href="single-audio.html">single audio</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">contact</a></li>
                </ul>
            </nav><!-- #ace-main-nav-sm -->

            <article class="ace-card bg-primary">
                <div class="ace-card-inner text-center">
                    <img class="avatar avatar-195" src="img/uploads/avatar/avatar-195x195.png" width="195" height="195"
                         alt="">
                    <h1>Ola Lowe</h1>
                    <p class="text-muted">Florist | Decorator</p>
                    <ul class="ace-social clear-list">
                        <li><a><span class="ace-icon ace-icon-facebook"></span></a></li>
                        <li><a><span class="ace-icon ace-icon-twitter"></span></a></li>
                        <li><a><span class="ace-icon ace-icon-google-plus"></span></a></li>
                        <li><a><span class="ace-icon ace-icon-instagram"></span></a></li>
                        <li><a><span class="ace-icon ace-icon-pinterest"></span></a></li>
                    </ul>
                </div>
            </article><!-- #ace-card -->

            <aside class="widget-area">
                <section class="widget widget_search">
                    <form role="search" method="get" class="search-form" action="#">
                        <label>
                            <span class="screen-reader-text">Search for:</span>
                            <input type="search" class="search-field" placeholder="Search" value="" name="s">
                        </label>
                        <button type="submit" class="search-submit">
                            <span class="screen-reader-text">Search</span>
                            <span class="ace-icon ace-icon-search"></span>
                        </button>
                    </form>
                </section>

                <section class="widget widget_posts_entries">
                    <h2 class="widget-title">popular posts</h2>
                    <ul>
                        <li>
                            <a class="post-image" href="">
                                <img src="http://noemi.px-lab.com/wp-content/uploads/2016/05/tttt-70x70.png" alt="">
                            </a>
                            <div class="post-content">
                                <h3>
                                    <a href="">contextual advertising</a>
                                </h3>
                            </div>
                            <div class="post-category-comment">
                                <a href="" class="post-category">Work</a>
                                <a href="" class="post-comments">256 comments</a>
                            </div>
                        </li>

                        <li>
                            <a class="post-image" href="">
                                <img src="http://noemi.px-lab.com/wp-content/uploads/2016/05/IMG_8945-1-70x70.jpg"
                                     alt="">
                            </a>
                            <div class="post-content">
                                <h3>
                                    <a href="">grilling tips for the dog days of summer</a>
                                </h3>
                            </div>
                            <div class="post-category-comment">
                                <a href="" class="post-category">Work</a>
                                <a href="" class="post-comments">256 comments</a>
                            </div>
                        </li>

                        <li>
                            <a class="post-image" href="">
                                <img src="http://noemi.px-lab.com/wp-content/uploads/2016/05/15-70x70.png" alt="">
                            </a>
                            <div class="post-content">
                                <h3><a href=""></a>branding do you know who are</h3>
                            </div>
                            <div class="post-category-comment">
                                <a href="" class="post-category">Work</a>
                                <a href="" class="post-comments">256 comments</a>
                            </div>
                        </li>
                    </ul>
                </section>

                <section id="tag_cloud-2" class="widget widget_tag_cloud">
                    <h2 class="widget-title">Tags</h2>
                    <div class="tagcloud">
                        <a href="#tag/audios/" class="tag-link-5 tag-link-position-1" title="1 topic"
                           style="font-size: 1em;">Audios</a>
                        <a href="" class="tag-link-7 tag-link-position-2" title="1 topic" style="font-size: 1em;">Freelance</a>
                    </div>
                </section>

                <section id="recent-posts-3" class="widget widget_recent_entries">
                    <h4 class="widget-title">Recent Posts</h4>
                    <ul>
                        <li>
                            <a href="">Global Travel And Vacations Luxury Travel On A Tight Budget</a>
                            <div class="post-category-comment">
                                <a href="" class="post-category">Photography</a>
                                <a href="" class="post-comments">256 comments</a>
                            </div>
                        </li>
                        <li>
                            <a href="">cooking for one</a>
                            <div class="post-category-comment">
                                <a href="" class="post-category">Work</a>
                                <a href="" class="post-comments">256 comments</a>
                            </div>
                        </li>
                        <li>
                            <a href="">An Ugly Myspace Profile Will Sure Ruin Your Reputation</a>
                            <div class="post-category-comment">
                                <a href="" class="post-category">Photography</a>
                                <a href="" class="post-comments">256 comments</a>
                            </div>
                        </li>
                    </ul>
                </section>

                <section class="widget widget_categories">
                    <h4 class="widget-title">post categories</h4>
                    <ul>
                        <li class="cat-item"><a href="">Audios</a>5</li>
                        <li class="cat-item"><a href="">Daili Inspiration</a>2</li>
                        <li class="cat-item"><a href="">Freelance</a>27</li>
                        <li class="cat-item"><a href="">Links</a>5</li>
                        <li class="cat-item"><a href="">Mobile</a>2</li>
                        <li class="cat-item"><a href="">Phography</a>27</li>
                    </ul>
                </section>
            </aside>

        </div><!-- #ace-sidebar-inner -->
    </div><!-- #ace-sidebar -->

    <footer id="ace-footer" class="ace-container-shift">
        <div class="ace-container">
            <div class="ace-footer-cont clear-mrg">
                <p class="text-center">Copyright &copy; 2017.Company name All rights reserved.More Templates <a
                        href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a
                        href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
            </div>
        </div><!-- .ace-container -->
    </footer><!-- #ace-footer -->

    <!-- Triangle Shapes -->
    <svg id="ace-bg-shape-1" class="hidden-sm hidden-xs" height="519" width="758">
        <polygon points="0,455,693,352,173,0,92,0,0,71" style="fill:#d2d2d2;stroke:purple;stroke-width:0; opacity: 0.5">
    </svg>

    <svg id="ace-bg-shape-2" class="hidden-sm hidden-xs" height="536" width="633">
        <polygon points="0,0,633,0,633,536" style="fill:#c0e3e7;stroke:purple;stroke-width:0"/>
    </svg>
</div><!-- .ace-wrapper -->

<!-- Scripts -->
<script type="text/javascript" src="js/vendor/jquery-1.12.4.min.js"></script>


<!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyDiwY_5J2Bkv2UgSeJa4NOKl6WUezSS9XA"></script>--->
<script type="text/javascript" src="js/plugins/highlight/highlight.pack.js"></script>
<script type="text/javascript" src="js/plugins/jquery.mCustomScrollbar.min.js"></script>
<script type="text/javascript" src="js/plugins/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/plugins/progressbar.min.js"></script>
<script type="text/javascript" src="js/plugins/slick.min.js"></script>

<script type="text/javascript" src="js/options.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>

